<ul id="scroll">
  <div class="log log-no">
    <li><a class="log-button" title="文章目录"><i class="fa fa-bars"></i></a></li>
    <div class="log-prompt">
      <div class="log-arrow">文章目录</div>
    </div>
  </div>
  <li><a class="scroll-h" title="返回顶部"><i class="fa fa-angle-up"></i></a></li>
  <li><a class="scroll-c" title="评论"><i class="fa fa-comment-o"></i></a></li>
  <li><a class="scroll-b" title="转到底部"><i class="fa fa-angle-down"></i></a></li>
  <li class="qqonline">
    <div class="online"><a href="javascript:void(0)" ><i class="fa fa-qq"></i></a></div>
    <div class="qqonline-box">
      <div class="qqonline-main">
        <div class="nline-wiexin">
          <h4>微信</h4>
          <img title="微信" src="http://zmingcx.com/wp-content/uploads/2016/04/weixin.jpg"/></div>
        <div class="nline-qq"><a target=blank href=http://wpa.qq.com/msgrd?V=3&uin=211315744&Site=QQ&Menu=yes><i class="fa fa-qq"></i>QQ在线</a></div>
      </div>
    </div>
  </li>
  <li class="qr-site"><a href="javascript:void(0)" class="qr" title="二维码"><i class="fa fa-qrcode"></i><span class="qr-img">
    <div id="output"><img class="alignnone"src="http://zmingcx.com/wp-content/themes/begin/img/favicon.png" /></div>
    </span></a></li>
  <script type="text/javascript">$(document).ready(function(){if(!+[1,]){present="table";} else {present="canvas";}$('#output').qrcode({render:present,text:window.location.href,width:"150",height:"150"});});</script>
</ul>